Ext.define('com.hh.goodsmanage.GoodsmanageOutChart', {
			extend : 'com.hh.base.BaseServicePanel',
			constructor : function(config) {
				this.config = config || {};
				this.superclass.constructor.call(this, this.config);
				this.year = new Date().getFullYear();
					this.month = (new Date().getMonth() + 1)+"";
					if(this.month.length==1){
						this.month="0"+this.month;
					}
				this.myInit();
			},
			loadChar : function() {
				var page = this;
				Request.request("goodsmanage-GoodsmanageOut-chart", {
							year : page.year,
							month : page.month,
							chartType : page.chartType.getValue()
						}, function(data) {
							page.store.removeAll();
							if (data == null) {
								data = [];
							}
							page.store.add(data);
						});
			},
			myInit : function() {
				var page = this;
				this.store = Ext.create('Ext.data.JsonStore', {
							fields : ['text', 'data']
						});
				var chart = Ext.create('Ext.chart.Chart', {
							xtype : 'chart',
							animate : true,
							shadow : true,
							store : this.store,
							axes : [{
										type : 'Numeric',
										position : 'left',
										fields : ['data'],
										title : false,
										grid : true
									}, {
										type : 'Category',
										position : 'bottom',
										fields : ['text'],
										title : false
									}],
							series : [{
										type : 'line',
										axis : 'left',
										gutter : 80,
										xField : 'text',
										yField : ['data']
									}]
						});

				page.chartType = Ext.widget('widgetRadioGroup', {
							fieldLabel : null,
							name : 'chartType',
							columnWidth : null,
							columns : null,
							labelWidth : 40,
							width : 170,
							value : 0,
							data : [{
										id : 0,
										text : '日报'
									}, {
										id : 1,
										text : '月报'
									}, {
										id : 2,
										text : '年报'
									}],
							listeners : {
								change : function(view, value) {
									page.loadChar();
								}
							}
						});
				this.loadChar();
				var panel = Ext.create('widget.panel', {
							layout : 'fit',
							region : 'center',
							tbar : [page.chartType, {
										xtype : 'widgetComboBox',
										fieldLabel : '年',
										labelWidth : 20,
										width : 120,
										value : page.year,
										name : 'year',
										action : 'goodsmanage-GoodsmanageOut-findYear',
										listeners : {
											change : function(view, value) {
												page.year = value;
												page.loadChar();
											}
										}
									}, {
										xtype : 'widgetComboBox',
										fieldLabel : '月',
										labelWidth : 20,
										width : 120,
										name : 'month',
										value : page.month,
										data : [{
													id : '01',
													text : "一月"
												}, {
													id : '02',
													text : "二月"
												}, {
													id : '03',
													text : "三月"
												}, {
													id : '04',
													text : "四月"
												}, {
													id : '05',
													text : "五月"
												}, {
													id : '06',
													text : "六月"
												}, {
													id : '07',
													text : "七月"
												}, {
													id : '08',
													text : "八月"
												}, {
													id : '09',
													text : "九月"
												}, {
													id : '10',
													text : "十月"
												}, {
													id : '11',
													text : "十一月"
												}, {
													id : '12',
													text : "十二月"
												}],
										listeners : {
											change : function(view, value) {
												page.month = value;
												page.loadChar();
											}
										}
									}, {
										text : '刷新',
										iconCls : 'refresh',
										handler : function() {
											page.loadChar();
										}
									}, {
										text : '保存成图片',
										iconCls : 'hh_zmbj',
										handler : function() {
											chart.save({
														type : 'image/png'
													});
										}
									}],
							items : chart
						});
				this.add(panel);
			}
		});